<!-- 查看照片弹框 -->
<template>
	<div>
		<el-dialog v-model="isVisible" :close-on-click-modal="false" class="comm-dialog">
			<template #header>
				<span class="title">查看照片</span>
			</template>
			<img :src="imageUrl" class="upload-img" />
		</el-dialog>
	</div>
</template>

<script setup>
const props = defineProps({
	isShow: {
		type: Boolean,
		required: true
	},
	imageUrl: {
		type: String,
		required: true
	}
})
const emit = defineEmits([['update:isShow']])
const isVisible = computed({
	get() {
		return props.isShow
	},
	set() {
		emit('update:isShow', false)
	}
})
</script>

<style lang="scss" scoped>
::v-deep(.comm-dialog .el-dialog__body) {
	display: flex;
	justify-content: center;
	align-items: center;
}
// 查看富文本内的照片
.upload-img {
	max-width: 100%;
}
</style>
